@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:14px/1.8 "微软雅黑", "宋体",arial, helvetica, clean, sans-serif; color:#666; background-color:#fff; }
h1, h2, h3, h4, h5, h6 { font-size:14px; color:#333; height: 28px; line-height: 28px;}
img {border:0; filter:alpha(opacity=100);_filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
img:hover{ filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
li {list-style-type:none; margin:0; padding:0;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#3BB3E6; text-decoration:none;}
a:active { color:#3BB3E6; text-decoration:none;}

.title2 a{  font-size:16px; height:40px; line-height:40px;  padding:0 60px; border:1px #3BB3E6 solid; background-color:#fff; color:#3BB3E6; display:inline-block; *display:inline; zoom:1;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
.title2 a:hover{ background-color:#3BB3E6; color:#fff;}
.en{ font-family:Arial, Helvetica, sans-serif;}

input, botton, select, textarea{ font:14px/1.8 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; color:#666;}
a, input, botton, select, textarea{ outline:none;}
#nav, #bd, #bd02, #bd03, #bd04, #bd05, .bd-m, #ft, #ltit, #ltit2, #ltit3, #con, #rtit, .download{width:1280px; margin:0 auto; overflow:hidden;}

/*-------头部初始样式开始------*/
.head { position:absolute; left:0; top:0; z-index:101; width:100%;}

#nav0 {width:100%; height:80px;  }
#nav { position:relative;  overflow:visible; }
#nav .logo{ float:left; width:auto; padding-top:12px;}

#nav .lan{ position:relative; z-index:10; float:right; width:auto; height:20px; line-height:20px; padding-top:30px;}
#nav .lan{ font-size:12px; height:20px; line-height:20px;}
#nav .lan a{ padding:0 5px;}
#nav .lan .selected{ color:#3BB3E6;}

#nav .menu { position:relative; text-align:center; overflow:hidden;}
#nav .menu .selectedBg { position:absolute; left:0px; bottom:2px; height:2px; background:#3BB3E6;}
#nav .menu ul { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden;}
#nav .menu ul li { position:relative; z-index:2; float:left; height:80px; line-height:80px;}
#nav .menu ul li a { font-size:16px; color:#666; padding:0 25px; display:block; }
#nav .menu ul li a:hover{ color:#3BB3E6;}
#nav .menu ul .selected a{ }

#nav .menu .box { position:fixed; left:0; top:80px; z-index:9; width:100%; height:0; background:#222; overflow:hidden;}
#nav .menu .box .cont{ position:relative;}

/*-------主导航下拉第一种样式（图片+一级分类名称，超出范围左右箭头切换）------*/
.demo { position:relative; max-width:1440px; padding:0 1%; margin:0 auto;}
.cyclic { position:relative; width:1150px; margin:0 auto; padding:0 30px; padding-top:15px; padding-bottom:20px;}
.cyclic dl { overflow:hidden;}
.cyclic dl dd { float:left; width:230px; text-align:center;}
.cyclic dl dd a{ display:block;}
.cyclic dl dd a img { display:block; width:200px; height:150px; margin:10px 15px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.cyclic dl dd a span{ display:block; font-size:14px; color:#ccc; height:24px; line-height:24px; margin:0 15px; overflow:hidden;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.cyclic dl dd:hover a img{ width:216px; height:162px; margin:4px 7px;}
.cyclic dl dd:hover a span{ font-size:16px; color:#fff; margin:8px 0;}

.microfiche-screen{ z-index:2;}
.microfiche-controls{ position:absolute; left:0; top:50%; width:100%; height:21px; margin-top:-10px;}
.microfiche-button{ position:absolute; top:0; width:15px; height:21px; border:none; cursor:pointer; outline:none;}
.microfiche-prev-button{ left:5px; background:url(../images/left.png) no-repeat center center;}
.microfiche-next-button{ right:5px; background:url(../images/right.png) no-repeat center center;}


/*-------主导航下拉第二种样式（一级二级分类全显示）------*/
.demo2 { position:relative; width:1080px; margin:0 auto;}
.cyclic2 {padding:25px 0;}
.cyclic2 dl { font-size:0; text-align:left; overflow:hidden;}
.cyclic2 dl dd { display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:14px; width:20%;}
.cyclic2 dl dd .dd_a{ font-weight:bold; color:#fff; padding-left:6px;}
.cyclic2 dl dd .dd_a:hover{color:#3BB3E6;}

.cyclic2 dl dd .main{ width:200px; height:40px; border:1px solid #222; padding:5px;}
.cyclic2 dl dd .main:hover{border:1px solid #3BB3E6;}
.cyclic2 dl dd .main p{ font-size:12px; height:40px; line-height:40px; color:#ccc;}
.cyclic2 dl dd .main .p1{ float:left; margin-right:10px;}

/*-------主导航下拉第三种样式（一级分类+图片+简述）------*/
.demo3 { position:relative; width:1080px; margin:0 auto;}
.cyclic3 { position:relative;  text-align:left; width:1080px; margin:0 auto; padding:25px 0; color:#eee;}
.cyclic3 dl { float:left; width:15%; overflow:hidden;}
.cyclic3 dl dd {}
.cyclic3 dl dd a{ display:block;}
.cyclic3 dl dd a span{ display:block; color:#fff; margin-bottom:5px; overflow:hidden;}
.cyclic3 dl dd a span:hover{ color:#3BB3E6;}

.cyclic3 .zsimg { float:left; width:40%; padding-top:6px; overflow:hidden;}
.cyclic3 .zsimg .img8{ width:100%;
-webkit-border-radius:20px;/*圆角，数值可以是像素或百分比*/
-moz-border-radius:20px;
border-radius:20px;
}
.cyclic3 .zstxt { float:left; width:35%; padding-left:10%; overflow:hidden;}

/*-------主导航下拉方案部分）------*/
.cyclic3 p { width:100%;}
.cyclic3 p a{ display:block; width:25%; float:left;}

/*-------浏览器宽度小于等于1024时主导航变成按钮，下拉内容样式------*/
#nav .nav2{ display:none; float:right; margin-top:28px; margin-left:20px;}
#nav .nav2 .hide{ display:none;}
#nav .nav2 .close img, #nav .nav2 .open img{ position:relative; z-index:9; width:34px; height:34px;}
.menu2{ position:fixed; top:80px; right:-100%; z-index:999; width:100%; height:100%; padding-bottom:100px; background-color:#f5f5f5; overflow-y:auto; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 350ms linear;
-moz-transition: all 350ms linear;
-o-transition: all 350ms linear;
-ms-transition: all 350ms linear;
transition: all 350ms linear;
}
.menu2 .mainmenu{ padding-bottom:50px;}
.menu2 .mainmenu a { display:block;}
.menu2 .mainmenu .li1 { position:relative; height:40px; line-height:40px; color:#fff; border-bottom:1px solid #fff; background-color:#0168AA;}
.menu2 .mainmenu .li1 img{ position:absolute; right:30px; top:15px; height:11px;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
.menu2 .mainmenu .ig img{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu2 .mainmenu .li1 span{ padding-left:30px; display:block;}
.menu2 .mainmenu .submenu { padding:0; margin:0; border-bottom:1px solid #fff;}
.menu2 .mainmenu .li2 { background-color:#858585; height:36px; line-height:36px;}
.menu2 .mainmenu .li2 a { color:#fff; padding-left:30px; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.menu2 .mainmenu .li2:hover{ background-color:#0168AA;}
.menu2 .mainmenu .li3 { background-color:#a5a5a5; height:36px; line-height:36px;}
.menu2 .mainmenu .li3 a { color:#fff; padding-left:30px; padding-right:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu2 .mainmenu .li3:hover{ background-color:#0168AA;}
/*-------头部初始样式结束------*/

/*----------页面下拉后触发头部伸缩效果开始----------*/
.headFixed { position:fixed;}
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html .headFixed{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}
.headFixed #nav0{ background:rgba(255, 255, 255, 0.99)!important; background:#fff; filter:Alpha(opacity=99); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.headFixed #nav0{ height:64px;}
.headFixed #nav0 .logo{padding-top:4px;}
.headFixed #nav .menu ul li {height:64px; line-height:64px;}
.headFixed #nav .lan{ padding-top:22px;}
.headFixed #nav .menu .box {top:64px;}
/*----------页面下拉后触发头部伸缩效果结束----------*/

#fl-t{ height:80px; width:100%;}

.fl{width:100%;position:relative;height:550px;}
.fl .flbd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fl .flbd ul{width:100% !important;}
.fl .flbd li{width:100% !important;height:550px;overflow:hidden;text-align:center;}
.fl .flbd li a{display:block;height:550px;}
.fl .flhd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fl .flhd ul{text-align:center;}
.fl .flhd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:6px;margin:3px; margin-bottom:10px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fl .flhd ul .on{background:#fff;filter:alpha(opacity=100);opacity:1;}
.fl .prev,.fl .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fl .next{left:auto;right:0%;background-position:-6px -137px;}

/*----------select下拉框美化公共样式开始----------*/
.select-wrapper{width:290px; height:40px; position:relative; cursor:pointer; display:inline-block; *display:inline; zoom:1; *float:left; background:#fff;border: 1px solid #ccc; text-align:left;}/*外层*/
.select-wrapper:hover{ border: 1px solid #3BB3E6;}
.select-wrapper.focus{ border: 1px solid #3BB3E6;}

/*箭头*/
.select-down{ position:absolute; top:2px; right:2px; z-index:2; width:20px; height:36px; background:url(../images/ico.gif) center center no-repeat #ccc;}
.select-wrapper:hover .select-down{ background:url(../images/ico-h.gif) center center no-repeat #999;}
.select-wrapper.focus .select-down{ background:url(../images/ico-h.gif) center center no-repeat #999;}

/*内外层*/
.select-button{ font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif; font-size:14px; width:268px; height:40px; color:#666; border:0; cursor: pointer; padding:0 10px; overflow:hidden; text-align:left; background-color:#fff; outline:none; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis;}

/*下拉部分*/
.select-list{ font-size:14px; width:290px; background:#fff; border: 1px solid #ccc; display:none; z-index:2; position:absolute; left:-1px; top:41px; overflow:hidden;}
.select-list ul{ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; max-height:270px;}
.select-list ul li{ width:280px; height:30px; line-height:30px; padding-left:10px; cursor:pointer; overflow:hidden; white-space:nowrap; word-break: keep-all; text-overflow: ellipsis; text-align:left; }
.select-list ul li.selected, .select-list ul li:hover{color: #fff; background: #3BB3E6;}
/*----------select下拉框美化样式结束----------*/

/*----------title----------*/
.title{ height:36px; line-height:36px; background-color:#eee;}
.title h2{ float:left; padding-left:15px; height:36px; line-height:36px; color:#c00;}
.title p{ float:right; font-size:12px; padding-right:15px;}
.title p a{ line-height:36px; display:inline-block; *display:inline; zoom:1;}
.title p a:hover{ text-decoration: underline;}

.title2{ text-align:center; margin-bottom:20px;}
.title2 h2{ font-size:24px; font-weight:normal;}

/*----------index产品搜索、最新公告、三大块----------*/
#bd { overflow:visible; }

.bd-t { width:1280px; height:80px; background-color:#eee; margin-top:40px;
-webkit-box-shadow:#000 0 2px 4px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 2px 4px;
box-shadow:#000 0 2px 4px;
}

.bd-t-t{ font-size:0; width:100%; height:80px; background-color:#eee; text-align:center;}
.bd-t-t .fwm1{ display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.bd-t-t .fwm1 .p1{ font-size:16px; line-height:80px; display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.bd-t-t .fwm1 form{ padding-top:19px; padding-left:20px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.bd-t-t .fwm1 form .fwm2-1{ float:left; width:292px;}
.bd-t-t .fwm1 form .fwm2-1 .select-wrapper:hover{ border: 1px solid #ccc;}
.bd-t-t .fwm1 form .fwm2-1 .select-wrapper.focus{ border: 1px solid #ccc;}
.bd-t-t .fwm1 form .sea-input{float:left; border:1px #ccc solid; color:#ccc; width:280px; height:40px; line-height:40px; padding:0 10px; margin-left:30px;}
.bd-t-t .fwm1 form .p2{float:left; font-size:16px; width:120px; height:40px; line-height:40px; border:1px #999 solid; border-left:none; text-align:center;}
.bd-t-t .fwm1 form .p2 a{ display:block; color:#fff; background-color:#999;}
.bd-t-t .fwm1 form .p2 a:hover{ background-color:#666;}

.bd-t-t .title2{  padding-left:88px; padding-top:20px; display:inline-block; *display:inline; zoom:1; }

#case_list{ max-width:1300px; padding:0 3%; margin:0 auto; margin-top:50px;}
#case_list ul{}
#case_list ul li{ float:left; width:23%; margin:0 1%;  overflow:hidden; position:relative; padding-bottom:50px;}
#case_list ul li .ca-main img{ display:block;
	-webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
	transition: all 1000ms linear;
}

#case_list ul li:hover .ca-main img{
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);    
    -o-transform: scale(1.1);   
    transform: scale(1.1); 
}
#case_list ul li .ca-main{ position:relative; z-index:1;}

#case_list ul li .wenzi {width:100%; height:100%; position:absolute; top:0; left:0; background:#3BB3E6;  filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; display:none;}
#case_list ul li .wenzi:hover{ display:block;}

#case_list ul li .wenzi p{ padding:20px; color:#fff; padding-top:50px; text-align:left;}

#case_list ul li .ca-sub { position: absolute; border-bottom:0; left:0; z-index:1; width:100%; height:80px;  background:#fff;}
#case_list ul li .ca-sub h3{ font-size:18px; height:30px; line-height:30px; padding-top:5px; font-weight:normal; color:#333; }
#case_list ul li:hover .ca-sub h3{ color:#3BB3E6;}
#case_list ul li .ca-sub p{ height:20px; line-height:20px;}

.bd-t h3 { float:left; height:50px; line-height:50px; padding-left:20px;}

/*----------index产品分类流动----------*/
#bd03{ clear:both; margin-bottom:40px; padding-top:50px; }
.rollBox img{border:none;}
.rollBox{width:1280px; overflow:hidden; margin:0 auto; position:relative;}
.rollBox .Cont{width:1160px; overflow:hidden; margin:0 auto; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:290px; float:left; text-align:center; overflow:hidden; }
.rollBox .Cont .pic a .selected{border:1px solid #3BB3E6;}
.rollBox .Cont .pic img{display:block; width:200px; height:150px; margin:0 45px; padding-top:10px;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}
.rollBox .Cont .pic:hover img{
    -webkit-transform: translateY(-10px); 
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);   
    -o-transform: translateY(-10px);  
    transform: translateY(-10px);
}
.rollBox .Cont .pic:hover .selected{
    -webkit-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);   
    -o-transform: translateY(0px);  
    transform: translateY(0px);
}

.rollBox .Cont .pic p{ width:250px; height:30px; line-height:30px; margin:0 auto; overflow:hidden;}
.rollBox .Cont .pic .p1{ font-size:18px; font-weight:bold; padding-top:30px;}
.rollBox .Cont .pic .p1 a{ display:block; overflow:hidden;}
.rollBox .Cont .pic .p2{ font-size:12px;}
.rollBox .Cont .pic .p1 .selected{ color:#3BB3E6;}
.rollBox .Cont .pic:hover a{ color:#3BB3E6;}
.rollBox #List1,.rollBox #List2{float:left;}

.img1,.img2{ position:absolute; top:70px; width:30px; height:80px; display:block; cursor:pointer;}
.img1{ left:0; background:url(../images/pre.png) center center no-repeat;}
.img2{ right:0; background:url(../images/next.png) center center no-repeat;}
.img1:hover{background:url(../images/pre-h.png) center center no-repeat;}
.img2:hover{background:url(../images/next-h.png) center center no-repeat;}

/*----------网站底部----------*/
#ft0{ width:100%; background-color:#333; color:#aaa;}
#ft{ width:1280px; margin:0 auto;}
#ft .ft1 { width:1280px; overflow:hidden;  padding-top: 20px; padding-bottom: 20px;}
#ft .ft1 .clearfix { width:1160px; padding-left:80px; }
#ft .ft1 .clearfix .logo1{ width:200px; padding-left:0; padding-right:19px; padding-top:22px; border:none;}
#ft .ft1 .clearfix .dbewm{ width:240px; padding:0;}
#ft .ft1 .clearfix .dbewm .ewm{ width:100px; height:135px; overflow:hidden; float:left; padding-left:20px;}
#ft .ft1 .clearfix .dbewm .ewm p{ font-weight:bold; height:28px; line-height:28px; padding-bottom:5px; color:#aaa; text-align:center;}
#ft .ft1 .clearfix li{ float:left; width: 170px; padding-left:49px; border-left:solid 1px #444;}
#ft .ft1 .clearfix li h3 { padding:0; margin:0; color:#aaa; }
#ft .ft1 .clearfix li ul { padding:0; margin:0;}
#ft .ft1 .clearfix li ul li{ padding:0; margin:0;  border:none;}
#ft .ft1 .clearfix li ul li a{ padding:0; margin:0; font-size:12px; color:#aaa; text-decoration:none; }
#ft .ft1 .clearfix li ul li a:hover {color:#ddd;}
#ft .ft3 {text-align:center; overflow:hidden; font-size:12px; line-height:22px; padding:10px 20px; background-color:#444; color:#aaa;}
#ft .ft3 a{color:#888; text-decoration:underline;}
#ft .ft3 a:hover{color:#ddd;}

/*----------内页banner----------*/
#banner { width: 100%; height:300px; overflow:hidden; }
.rtit{ width:1200px; margin:0 auto; padding-top:110px;  }
.rtit .p1{ color:#eee; font-size:42px; height:48px; line-height:48px;  text-align:center; }
.rtit .p2 { color:#eee; height:30px; line-height:30px; font-weight:bold;  text-align: center;}
.rtit .p2 a { color:#eee;}
.rtit p a:hover{ color:#fff;}
.rtit p .selected{ color:#fff;}

#con0 { width:100%;}
#con {}

#ltit0 { width:100%; background-color:#eee; }
#ltit{ font-size:0;/*去除换行a标签(使用display:inline-block)之间默认产生的间距*/  line-height:48px; text-align:center; padding-bottom:10px; }
#ltit a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:16px;/*字号必须定义*/ padding:0 40px; margin:0 5px; margin-top:10px;border:1px #fff solid; background-color:#fff; vertical-align:top;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
 }
#ltit a:hover{ background-color:#3BB3E6; color:#fff; border:1px #3BB3E6 solid; }
#ltit .selected{ background-color:#fff; color:#fff; border:1px #3BB3E6 solid; color:#3BB3E6;}
#ltit .selected:hover{ background-color:#3BB3E6; color:#fff;}

#ltit2{ font-size:0;/*去除a标签换行后(使用display:inline-block)之间默认产生的间距*/ line-height:48px; text-align:center;background-color:#3BB3E6; }
#ltit2 a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:14px;/*字号必须定义*/ padding:0 28px; margin:1px; margin-bottom:0; vertical-align:top; color:#fff;}
#ltit2 a:hover{display:inline-block; *display:inline; background-color:#333; color:#fff; }
#ltit2 .selected{display:inline-block; *display:inline; background-color:#333; color:#fff;}

#ltit3{ font-size:0;/*去除a标签换行后(使用display:inline-block)之间默认产生的间距*/ line-height:48px; text-align:center;}
#ltit3 a{ display:inline-block; *display:inline; zoom:1;/*针对ie6*/ font-size:14px;/*字号必须定义*/ margin:0 15px; vertical-align:top; color:#fff;}
#ltit3 a:hover{ color:#3BB3E6; }
#ltit3 .selected{ color:#3BB3E6;}

#rtit{ height:50px; line-height:50px;}
#rtit p{}
#rtit p .selected{ color:#3BB3E6;}
#rtit p .selected:hover{ color:#3BB3E6;}

/*----------内页标题----------*/
#title{ width:1280px; height:auto; margin:0 auto; margin-top:80px; text-align:center; }
#title h1{ font-size:32px; font-weight:bold; height:auto; display: inline-block; *display:inline; zoom:1; color:#666;}
#title h1 span{ width:20px; height:40px; line-height:40px; border:5px #eee solid; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#title h1 .span1{ border-right:none;}
#title h1 .span0{ width:auto; padding:0 15px; padding-top:22px; border:none; border-top:5px #eee solid;}
#title h1 .span2{ border-left:none;}

/*----------搜索标题----------*/
#title2{ width:1280px; height:auto; margin:0 auto; margin-top:50px; text-align:center; }
#title2 h1{ font-size:32px; font-weight:bold; height:auto; display: inline-block; *display:inline; zoom:1; color:#666;}
#title2 h1 span{ color:#3BB3E6;}


#con .content{ width:960px; margin:50px auto;  min-height:300px; _height:300px; overflow:hidden; }
#con .content h1{ text-align:center; font-size:32px; font-weight:normal; height:auto; line-height:45px; padding-top:20px;}  /*----------产品名称----------*/

#con .content .newsview{text-align:center; border-bottom:#eee 1px solid; margin-bottom:10px; padding-bottom:10px;}
#con .content .proview{ padding-top:30px;}
#con .content .proview-b{text-align:center; clear:both; padding-top:50px;}
#con .content .return{ border:1px #3BB3E6 solid; background-color:#fff; color:#3BB3E6; padding:0 10px;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
 }
#con .content .return:hover{  background-color:#3BB3E6; color:#fff;}

#con .content #container{ padding-bottom:30px; }
#con .content .videoview{ padding-top:20px;}

/*----------产品列表----------*/
#con0 .prolist{ margin-top:50px; background-color:#eee; padding-top:10px; padding-bottom:5px; }
#con0 .prolist ul{ overflow: visible; text-align:center;}
#con0 .prolist ul li{ border:1px solid #ccc; padding:0 10px;  text-align:center; display: inline-block; margin-bottom:5px;  background-color:#fff;
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
#con0 .prolist ul li:hover{ background-color:#3BB3E6;
-webkit-box-shadow:#000 0 2px 4px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 2px 4px;
box-shadow:#000 0 2px 4px;}
#con0 .prolist ul li:hover p{color:#fff;}

#con0 .prolist ul li p{ height:40px; line-height:40px;}

#con0 .prolist ul .li1{ background-color:#666;  border:1px solid #666;}
#con0 .prolist ul .li1:hover{ background-color:#666;}
#con0 .prolist ul .li1 p{color:#fff;}
#con0 .prolist ul li a .p1{border-top:1px solid #ccc; height:30px; line-height:30px; }
#con0 .prolist ul li:hover .p1{ border-top:1px solid #fff; }
#con0 .prolist ul .li1 .p2{border-top:1px solid #fff; height:30px; line-height:30px;  }

#con0 .prolist ul li1:hover{ background-color:#3BB3E6; border:1px solid #3BB3E6;}
#con0 .prolist ul .selected{border:1px solid #3BB3E6;
-webkit-box-shadow:#000 0 2px 4px; /*元素块阴影，X轴为0表示不偏移，水平平分阴影，Y轴同理*/
-moz-box-shadow:#000 0 2px 4px;
box-shadow:#000 0 2px 4px;}

#con0 .prolist ul .selected p{  color:#3BB3E6; }
#con0 .prolist ul .selected  a .p1{border-top:1px solid #3BB3E6; }
#con0 .prolist ul .selected:hover  a .p1{border-top:1px solid #fff; }

/*----------下载部分----------*/
#con0 .download p{}
#con0 .download p span{ font-weight:bold;}

/*----------news----------*/
#con .newslist { width:960px; margin:0 auto; margin-top:50px;}
#con .newslist .clearfix { min-height:300px; _height:300px;}
#con .newslist .clearfix li { height:50px; line-height:50px; border-bottom:#999 1px dotted; overflow:hidden;}
#con .newslist .clearfix li a { padding-left:15px;background: url(../images/icon-c.gif) 0 23px no-repeat; width:80%; float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#con .newslist .clearfix li a:hover { background: url(../images/icon-c-h.gif) 0 23px no-repeat;}
#con .newslist .clearfix li span { color:#999; float:right;}

#con #pg { text-align:center; color:#999; padding:50px 0;}
#con #pg a{ color:#666;}
#con #pg a:hover{ color:#3BB3E6;}

/*----------客户留言表单开始----------*/
#con .content .msxq{ width:960px; margin:0 auto; background-color:#f5f5f5; padding:40px 0;}
#con .content .msxq .zsjm{ width:100%;}
#con .content .msxq .zsjm h3{ text-align:center; font-size:16px; color:#666; font-weight:bold; line-height:36px;}
#con .content .msxq .zsjm input[type="text"],textarea{border:1px solid #ccc; font-family:"微软雅黑", "宋体",arial, helvetica, clean, sans-serif;}
#con .content .msxq .zsjm input[type="text"]:hover,textarea:hover{border:1px solid #3BB3E6;}
#con .content .msxq .zsjm input[type="text"]:focus,textarea:focus{border:1px solid #3BB3E6;}
#con .content .msxq .zsjm span{ color:#333;}

#con .content .msxq .zsjm .biao1{ font-size:16px;}
#con .content .msxq .zsjm .biao1 dl{ width:100%;}
#con .content .msxq .zsjm .biao1 dl dt{ float:left; width:50%; padding-bottom:15px;}
#con .content .msxq .zsjm .biao1 dl dt .left1{ float:left; width:140px; }
#con .content .msxq .zsjm .biao1 dl dt .left1 p{ text-align:right; height:42px; line-height:42px;}
#con .content .msxq .zsjm .biao1 dl dt .right1{ float:left; width:340px; }
#con .content .msxq .zsjm .biao1 dl dt .right1 .box{ width:280px; height:30px; line-height:30px;  color:#666; padding:5px;}

#con .content .msxq .zsjm .biao2{ font-size:16px;}
#con .content .msxq .zsjm .biao2 .left1{ float:left; width:140px; }
#con .content .msxq .zsjm .biao2 .left1 p{ text-align:right; height:32px; line-height:32px;}
#con .content .msxq .zsjm .biao2 .right1{ float:right; width:820px; line-height:12px; }
#con .content .msxq .zsjm .biao2 textarea{width:770px; color:#666; font-size:14px; line-height:20px; padding:5px;}

#con .content .msxq .next { height:40px; margin-top:40px; text-align:center; }
#con .content .msxq .next .submit{ line-height:40px; font-size:16px; border:1px #3BB3E6 solid; background-color:#fff; color:#3BB3E6; padding:0 40px; margin:0 40px; display:inline-block; cursor:pointer; 
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;}

#con .content .msxq .next .submit2{ line-height:40px; font-size:16px; border:1px #666 solid; background-color:#fff; color:#666;  padding:0 40px; margin:0 40px; display:inline-block;
margin:0 40px; display:inline-block; cursor:pointer; 
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;}
#con .content .msxq .next .submit:hover{ background-color:#3BB3E6; color:#fff;}
#con .content .msxq .next .submit2:hover{ background-color:#666; color:#fff;}
/*----------客户留言表单结束----------*/

/*----------客服----------*/
#kf ul li { position:relative; width:50px; height:50px;  display:block; margin-top:1px; background-color:#999;}
#kf ul li img { padding:10px; filter:none; -moz-opacity:none; opacity: none; }

#kf ul li {}
#kf ul li:hover { background:url(../images/icon-b3.gif) 0 21px no-repeat #3BB3E6;}

#kf ul li .subNav  { position:absolute; z-index:2; width:128px; left:-138px; top:0; display:none; background-color:#fff; border:5px #eee solid; }
#kf ul li .subNav h2 { padding:0; text-align:center; color:#666;}
#kf ul li .subNav li {border:none; white-space:nowrap; font-size:12px; padding-left:45px; line-height:20px; padding-bottom:5px; background-color:#fff; height:auto;}
#kf ul li .subNav li a {}
#kf ul li .subNav li a:hover { }
#kf ul li .subNav .qrc { padding:0; line-height:normal; overflow:visible; background:none;}
#kf ul li .subNav .qrc img { padding:0;}
#kf ul li .subNav .qrc a{ line-height:20px; padding:10px; display:inline-block; font-family:arial, helvetica, clean, sans-serif;}
#kf ul .returntop:hover { background-image:none;}